<template>
    <div>
        <h1>ViteVue2CesiumHome</h1>
        <p>count:{{ count }}</p>
        <button @click="add">+1</button>
    </div>
</template>

<script>
export default {
    name: 'ViteVue2CesiumHome',

    data() {
        return {
            count: this.$store.getters.count,
        };
    },

    mounted() {
        
    },

    methods: {
        add(){
            this.$store.commit('addCount', 1)
            this.count = this.$store.getters.count
        }
    },
};
</script>

<style scoped>

</style>